<template>
        <div>
            <el-col>
                <el-row>
                    <el-image :src="productInformation.imageUrl"></el-image>
                </el-row>
                <el-row>
                    <div>{{ productInformation.productName }}</div>
                </el-row>
                <el-row>
                    <div>{{ productInformation.price }}</div>
                </el-row>
            </el-col>        
        </div>
    </template>
    <script>
    export default {
        props: {
            productInformation: Object
        }
    }
    </script>

    <style scoped>
         div{
            padding:5px
        }
    </style>